<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>管理员-管理员个人中心</title>
    <link rel="stylesheet" href="/layui2_9/css/layui.css">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">









    <!-- 内容主体区域-->
    <div class="layui-body">
        <div style="padding: 30px;" class="layui-fluid">
            <div class="layui-row">
                <div class="layui-col-md12">
                    <span class="layui-badge-dot"></span> <span
                        class="layui-badge-dot layui-bg-orange"></span> <span
                        class="layui-badge-dot layui-bg-green"></span> <span
                        class="layui-badge-dot layui-bg-cyan"></span> <span
                        class="layui-badge-dot layui-bg-blue"></span> <span
                        class="layui-badge-dot layui-bg-black"></span> <span
                        class="layui-badge-dot layui-bg-gray"></span>
                    <fieldset class="layui-elem-field layui-field-title"
                              style="margin-top: 30px;">
                        <legend>个人信息</legend>
                    </fieldset>
                </div>
            </div>

            <div class="layui-row">
                <div class="layui-col-md1">&nbsp;</div>
                <div class="layui-col-md10">
                    <fieldset class="layui-elem-field">
                        <legend>信息</legend>
                        <!--  <div class="layui-field-box">-->
                        <table class="layui-table" lay-size="lg" lay-skin="line" style="margin-bottom: 0px;">
                            <colgroup>
                                <col width="150">
                                <col width="200">
                                <col>
                            </colgroup>
                            <thead>
                            <tr>
                                <th>&nbsp;</th>
                                <th>&nbsp;</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>
                                    <img src="/layui2_9/images/user01.jpg" alt="User Image" width="100px" height="100px">
                                </td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>管理员编号</td>
                                <td th:text="${admin.id}">1</td>
                            </tr>
                            <tr>
                                <td>管理员姓名</td>
                                <td th:text="${admin.name}">老王</td>
                            </tr>
                            <tr>
                                <td>登录账号</td>
                                <td th:text="${admin.password}">admin</td>
                            </tr>
                            <tr>
                                <td>注册时间</td>
                                <td th:text="${#dates.format(admin.registerTime, 'yyyy-MM-dd')}">2024-12-18</td>
                            </tr>
                            <tr>
                                <td>状态</td>
                                <td th:text="${admin.status}">正常</td>
                            </tr>
                            <tr>
                                <td>用户性别</td>
                                <td th:text="${admin.gender}">男</td>
                            </tr>
                            <tr>
                                <td>年龄</td>
                                <td th:text="${admin.age}">24</td>
                            </tr>
                            <tr>
                                <td>星座</td>
                                <td th:text="${admin.constellation}">金牛座</td>
                            </tr>
                            <tr>
                                <td>所在学校</td>
                                <td th:text="${admin.school}">南昌大学</td>
                            </tr>
                            <tr>
                                <td>专业</td>
                                <td th:text="${admin.major}">软件工程</td>
                            </tr>
                            <tr>
                                <td>自我介绍</td>
                                <td th:text="${admin.selfIntroduction}">我是一个具有6年工作经验的Java软件工程师。</td>
                            </tr>
                            </tbody>
                        </table>
                        <!--</div>-->
                    </fieldset>

                </div>
                <div class="layui-col-md1">&nbsp;</div>
            </div>

        </div>

    </div>

    <div class="layui-footer" align="center">
        <!-- 底部固定区域 -->
        © - 校园即时服务平台
    </div>
</div>




<script src="/layui2_9/layui.js"></script>

<script>
    //JavaScript代码区域
    layui.use('element', function () {
        var element = layui.element;
        //监听侧边导航栏的点击事件
        element.on('nav(test)', function (elem) {
            var parentLi = elem.closest('li.layui-nav-item');
            var allNavItems = document.querySelectorAll('.layui-nav-tree.layui-nav li.layui-nav-item');
            // 遍历所有导航项
            allNavItems.forEach(function (item) {
                if (item!== parentLi) {
                    // 关闭其他导航项的子菜单
                    var childMenu = item.querySelector('dl.layui-nav-child');
                    if (childMenu) {
                        // 移除 layui-nav-itemed 类以关闭菜单
                        //item.classList.remove('layui-nav-itemed');
                    }
                }
            });
            // 切换当前点击的导航项的展开/关闭状态
            //parentLi.addClass("layui-nav-itemed")
        });
    });
</script>


<script>
    function showPrivate(value) {
        window.sessionStorage.setItem("username",value);
        //iframe层
        layer.open({
            type: 2,
            title: '即时通信',
            shade: 0.6, // 遮罩透明度
            shadeClose: true, // 点击遮罩区域，关闭弹层
            area: ['1000px', '600px'],
            content: 'userTalk.html'
        });
    }
</script>
<script>

    layui.use([ 'form', 'laydate' ], function() {
        var form = layui.form,
            layer = layui.layer,
            laydate = layui.laydate;

        //日期
        laydate.render({
            elem : '#date'
        });
        laydate.render({
            elem : '#date1'
        });

        //自定义验证规则
        form.verify({
            account : function(value) {
                if (value.length < 3) {
                    return '账号至少得3个字符啊';
                }
            }
        });

        //监听提交
        form.on('submit(reform)', function(data) {
            /*layer.alert(JSON.stringify(data.field), {
                title : '最终的提交信息'
            })*/
            //return false;
        });
    });

</script>
</body>
</html>
